<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns:jsp="http://java.sun.com/JSP/Page"
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:ui="http://java.sun.com/jsf/facelets"
  xmlns:f="http://java.sun.com/jsf/core"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:c="http://java.sun.com/jstl/core"
  xmlns:ch="http://sourceforge.net/projects/jsf-comp"
  xmlns:fn="http://java.sun.com/jsp/jstl/functions"	
  xmlns:t="http://myfaces.apache.org/tomahawk"
  xmlns:p="http://primefaces.org/ui">
		  
	<ui:composition template="/template/pPrincipal.xhtml">	 		 
	  <ui:define name="head">
	    <title>Monitor - Asesor 360</title>
	  </ui:define>
	 
	  <ui:define name="titulopagina">
	    Consulta de Carga - Detalle
	  </ui:define>
	 
	  <ui:define name="bodyarea">
	  	<f:event type="preRenderView" listener="#{consultaCargaProcesosController.onPageLoad}"/>
	  	<p:messages id="messages" closable="true" />
  	    <h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0" width="100%"
			cellpadding="5" styleClass="bordePanel" columns="1"  style="margin-bottom:5px">
			<f:facet name="header">
				<h:outputText value="Criterios de Busqueda" />
			</f:facet>	       	
			<h:panelGrid columns="1">
				<h:panelGrid columns="6">
					<h:outputText value="Fecha de Carga: " styleClass="texto"/>
					<h:outputText value="Desde" styleClass="texto"/>
					<p:calendar id="calendarDesde" value="#{consultaCargaProcesosController.fechaDesde}" locale="es" 
						showButtonPanel="false" showOn="button" pattern="#{msgs.FORMATO_FECHA_HORA_CALENDAR}" 
						size="22" maxlength="22">
						<p:ajax event="dateSelect" listener="#{consultaCargaProcesosController.validateDateListener}" 
							update=":formPrincipal:messages"/>
						<p:ajax event="change" listener="#{consultaCargaProcesosController.validateDateListener}" 
							update=":formPrincipal:messages"/>
					</p:calendar>
					<p:spacer width="20" height="10"/>
					<h:outputText value="Hasta" styleClass="texto"/>
					<p:calendar id="calendarHasta" value="#{consultaCargaProcesosController.fechaHasta}" locale="es" 
						showButtonPanel="false" showOn="button" pattern="#{msgs.FORMATO_FECHA_HORA_CALENDAR}" 
						size="22" maxlength="22">
						<p:ajax event="dateSelect" listener="#{consultaCargaProcesosController.validateDateListener}" 
							update=":formPrincipal:messages"/>
						<p:ajax event="change" listener="#{consultaCargaProcesosController.validateDateListener}" 
							update=":formPrincipal:messages"/>
					</p:calendar>
				</h:panelGrid>
			    
			    <h:panelGrid columns="4">
					<h:outputText value="Estado de Carga:" styleClass="texto"/>
					<p:selectOneMenu value="#{consultaCargaProcesosController.estadoCarga}">
						<f:selectItem itemLabel="-- Seleccione --" itemValue="-1"/>
						<f:selectItems value="#{parametrosModel.listaEstadosCarga}"/>
					</p:selectOneMenu>
					<p:spacer width="100" height="10"/>
					<p:commandButton icon="ui-icon-search" id="btnBuscar" actionListener="#{consultaCargaProcesosController.buscar}"
						update=":formPrincipal:idTablaCarga,:formPrincipal:messages" value="Buscar"/>
				</h:panelGrid>					
			</h:panelGrid>
		</h:panelGrid>
		<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0" width="100%"
			cellpadding="5" styleClass="bordePanel" columns="1"  style="margin-bottom:5px">
			<f:facet name="header">
				<h:outputText value="Resultados" />
			</f:facet>
			<p:dataTable id="idTablaCarga" value="#{consultaCargaProcesosController.listaLogCarga}" var="fila"
				emptyMessage="No hay resultados." paginator="true" rows="15" rowIndexVar="rowIndex"
				styleClass="styleDataTableWrapNormal"
				rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}">
				<p:columnGroup type="header">
					<p:row>
						<p:column rowspan="2" headerText="ID" />
						<p:column rowspan="2" headerText="Proceso" />
						<p:column rowspan="2" headerText="Estado de Proceso" />
						<p:column colspan="2" headerText="Cantidad de Registros" />
						<p:column colspan="2" headerText="Fecha de Proceso" />
						<p:column rowspan="2" headerText="Nombre de Archivo" />
						<p:column rowspan="2" headerText="Esquema" />
					</p:row>
					<p:row>
						<p:column headerText="Procesados" />
						<p:column headerText="No Procesados" />
						<p:column headerText="Inicio" />
						<p:column headerText="Termino" />
					</p:row>
				</p:columnGroup>
				<p:column><h:outputText value="#{fila.idCarga}" /></p:column>
				<p:column><h:outputText value="#{fila.proceso}" /></p:column>
				<p:column><h:outputText value="#{fila.estado}" /></p:column>
				<p:column><h:outputText value="#{fila.cantRegCorrectos}" /></p:column>
				<p:column><h:outputText value="#{fila.cantRegError}" /></p:column>
				<p:column>
					<h:outputText value="#{fila.fechaInicio}" >
						<f:convertDateTime pattern="#{msgs.FORMATO_FECHA_HORA_CARGA}"/>
					</h:outputText>
				</p:column>
				<p:column>
					<h:outputText value="#{fila.fechaTermino}" >
						<f:convertDateTime pattern="#{msgs.FORMATO_FECHA_HORA_CARGA}"/>
					</h:outputText>
				</p:column>
				<p:column><h:outputText value="#{fila.nombreArchivo}" /></p:column>
				<p:column><h:outputText value="#{fila.esquema}" /></p:column>
			</p:dataTable>								
		</h:panelGrid>
	  </ui:define>
	</ui:composition>
</html>